import { Button, Checkbox, Form, Switch } from 'antd';
import React from 'react';
import "./AchieForthThree.scss"
interface Props {

}
function AchieForthThree(props: Props) {



    
    return (
        <div className='tell'>
            <div className='top'>
                <div className='colo'></div>
                <div className='files'>员工绩效档案</div>
            </div>
            <div className='bottom'>
                <div className='text'>
                    <div>考核发起通知</div>
                    <div>接收方式</div>
                    <div>考核结果通知</div>
                    <div>接收方式</div>
                    <div>考核结果同步薪酬核算</div>
                </div>
                <Form>
                    <div className='box'>
                        <Form.Item valuePropName="checked">
                            <Switch />
                        </Form.Item>
                        <Form.Item valuePropName="checked" >
                            <Checkbox />
                            <span className='s'>APP通知</span>
                            <Checkbox />
                            <span>短信</span>
                        </Form.Item>
                        <Form.Item valuePropName="checked">
                            <Switch />
                        </Form.Item>
                        <Form.Item  valuePropName="checked" >
                            <Checkbox />
                            <span className='s'>APP通知</span>
                            <Checkbox />
                            <span>短信</span>
                        </Form.Item>
                        <Form.Item  valuePropName="checked" >
                            <Checkbox />
                            <span>同步</span>
                        </Form.Item>
                    </div>
                    <Button type="primary" htmlType="submit" className='btn2'>
                        保存
                    </Button>
                </Form>
            </div>
        </div>
    );
}
interface Props {

}
export default AchieForthThree;